import lang from '@/lang';

const options = {
  axisPointer: {
    show: true,
    crossStyle: 'dashed',
    snap: true,
    lineStyle: {
      type: 'dashed',
    },
    label: {
      backgroundColor: 'rgba(50,50,50,0.7)',
    },
  },
  tooltip: {
    trigger: 'axis',
  },
  grid: {
    left: 72,
    top: 60,
    right: 72,
    bottom: 60,
  },
  legend: {
    data: [lang.t('home.force')],
    top: '5%',
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: [],
    axisLine: {
      lineStyle: {
        color: '#eaeaea',
      },
    },
    nameTextStyle: {
      color: '#333',
    },
    axisTick: {
      show: false,
    },
    axisLabel: {
      fontSize: 12,
      color: '#333',
    },
    splitLine: {
      show: false,
    },
  },
  yAxis: [
    {
      type: 'value',
      name: lang.t('home.force'),
      axisLine: {
        show: false,
      },
      nameTextStyle: {
        color: '#333',
      },
      axisTick: {
        show: false,
      },
      axisLabel: {
        fontSize: 12,
        color: '#333',
      },
      splitLine: {
        show: false,
      },
    },
  ],
  series: [
    {
      data: [],
      type: 'line',
      name: lang.t('home.force'),
      showSymbol: true,
      symbol: 'emptyDiamond',
      symbolSize: 4,
      showAllSymbol: true,
      itemStyle: {
        normal: {
          color: '#70c1b3',
          borderWidth: 1,
        },
      },
      lineStyle: {
        width: 1,
      },
      smooth: true,
    },
  ],
};

export default options;
